<template>
  <router-view />
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
import {
  House,
  Notification,
  User,
  Tickets,
  HomeFilled,
  Box,
  Goods,
  List,
  Warning,
  UserFilled,
  Avatar
} from '@element-plus/icons-vue'

const router = useRouter()
const route = useRoute()

// 判断是否已登录
const isLoggedIn = computed(() => {
  return localStorage.getItem('token') !== null
})

// 获取页面标题
const getPageTitle = () => {
  const routeName = route.name as string
  const titleMap: Record<string, string> = {
    'home': '首页',
    'login': '登录',
    'pets': '宠物管理',
    'pets-add': '添加宠物',
    'pets-edit': '编辑宠物',
    'services': '服务管理',
    'services-add': '添加服务',
    'services-edit': '编辑服务',
    'appointments': '预约管理',
    'appointments-add': '添加预约',
    'appointments-edit': '编辑预约',
    'medical': '医疗管理',
    'medical-add': '添加医疗记录',
    'medical-edit': '编辑医疗记录',
    'vaccine': '疫苗管理',
    'vaccine-add': '添加疫苗记录',
    'vaccine-edit': '编辑疫苗记录',
    'dewormings': '驱虫管理',
    'dewormings-add': '添加驱虫记录',
    'dewormings-edit': '编辑驱虫记录',
    'staffs': '人员管理',
    'staffs-add': '添加人员',
    'staffs-edit': '编辑人员',
    'resources': '资源管理',
    'resources-add': '添加资源',
    'resources-edit': '编辑资源'
  }
  return titleMap[routeName] || '未知页面'
}

// 处理下拉菜单命令
const handleCommand = async (command: string) => {
  switch (command) {
    case 'profile':
      ElMessage.info('个人信息功能开发中...')
      break
    case 'settings':
      ElMessage.info('系统设置功能开发中...')
      break
    case 'logout':
      try {
        await ElMessageBox.confirm('确定要退出登录吗？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        })
        localStorage.removeItem('token')
        router.push('/login')
        ElMessage.success('已退出登录')
      } catch {
        // 用户取消
      }
      break
  }
}
</script>

<style>
#app {
  height: 100vh;
  width: 100vw;
}
</style>